#app {
  height: 100%;
  min-height: 640px;
}

.common-list-view {
  height: 100%;
  background-color: #ecefff;
}

a.text {
  font-weight: 500;
  text-decoration: inherit;
  color: var(--el-color-primary);
}

a.text:hover {
  color: var(--el-color-primary-light-3);
}

.disable-row {
  color: rgba(96, 98, 102, 0.6);
}

.el-button.red {
  background-color: #f5222d;
  color: #fff;
  border-color: #f5222d;
}

.el-button.red:hover {
  background-color: rgba(245, 34, 45, 0.8);
  border-color: rgba(245, 34, 45, 0.8);
}

.el-button.green {
  background-color: #52c41a;
  color: #fff;
  border-color: #52c41a;
}

.el-button.green:hover {
  background-color: rgba(82, 196, 26, 0.8);
  border-color: rgba(82, 196, 26, 0.8);
}

.flex-div {
  display: flex;
  width: 100%;
}

.flex-div > .el-cascader,
.flex-div > .el-select {
  flex: 1;
}

.flex-div > .el-button {
  flex-shrink: 1;
}
